<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东购物车</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>


<div class="wrapper">
    <header>
        <div class="container">
            <div class="nav">
                <a href=""><img src="images/a_03.jpg" alt=""></a>
            </div>
            <div class="main clearfix">
                <div class="w">
                    <div class="w-top">
                        <ul>
                            <li>
                                <a href="">全部商品 5</a>
                            </li>
                        </ul>
                    </div>
                    <div class="w-bottom">
                        <ul>
                            <li class="sp">商品</li>
                            <li class="mc">名称</li>
                            <li class="dj">单价</li>
                            <li class="sl">数量</li>
                            <li class="xj">小计</li>
                            <li class="cz">操作</li>
                        </ul>
                    </div>
                </div>
                <div class="cart-list">
                    <ul class="item-form">
                        <li>
                            <div class="list-left">
                                <div class="tu">
                                    <img src="images/a.gif" alt="">
                                </div>
                                <div class="words">
                                    <img src="images/jd.gif" alt="">
                                    <img src="images/sx.jpg" alt="">
                                            美伦达 赣南脐橙
                                    <span>颜色 ：赣南脐橙铂金果 3斤装</span>
                                    <br>
                                    <p>2017新上市 3斤装 铂金果</p>
                                </div>
                            </div>
                            <div class="list-right">
                                <table class="table">
                                    <tbody>
                                        <tr class="tr">
                                            <td>￥<span>25.80</span></td>
                                            <td class="td">
                                                <input class="ipt" type="text" value="1">
                                            </td>
                                            <td class="z">￥<span>25.80</span></td>
                                            <td class="del">删除</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="cart-list">
                    <ul class="item-form">
                        <li>
                            <div class="list-left">
                                <div class="tu">
                                    <img src="images/b.gif" alt="">
                                </div>
                                <div class="words">
                                    <img src="images/sx.jpg" alt="">
                                    Camposol|秘鲁进口精选蓝
                                    <span>颜色 ：秘鲁蓝莓4盒装</span>
                                    <br>
                                    <p>莓 4盒装 单盒约125g 新鲜水果</p>
                                </div>
                            </div>
                            <div class="list-right">
                                <table class="table">
                                    <tbody>
                                        <tr class="tr">
                                            <td>￥<span>46.90</span></td>
                                            <td class="td">
                                                <input class="ipt" type="text" value="1">
                                            </td>
                                            <td class="z">￥<span>46.90</span></td>
                                            <td class="del">删除</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="cart-list">
                    <ul class="item-form">
                        <li>
                            <div class="list-left">
                                <div class="tu">
                                    <img src="images/c.gif" alt="">
                                </div>
                                <div class="words">
                                    <img src="images/sx.jpg" alt="">
                                    欢乐果园 广西青皮芒果 2个
                                    <span>颜色 ：青皮芒 2粒 尝鲜装</span>
                                    <br>
                                    <p>装 单果约260g以上 新鲜水果</p>
                                </div>
                            </div>
                            <div class="list-right">
                                <table class="table">
                                    <tbody>
                                    <tr class="tr">
                                        <td>￥<span>10.90</span></td>
                                        <td class="td">
                                            <input class="ipt" type="text" value="1">
                                        </td>
                                        <td class="z">￥<span>10.90</span></td>
                                        <td class="del">删除</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="cart-list">
                    <ul class="item-form">
                        <li>
                            <div class="list-left">
                                <div class="tu">
                                    <img src="images/d.gif" alt="">
                                </div>
                                <div class="words">
                                    <img src="images/sx.jpg" alt="">
                                    爱奇果 新疆库尔勒香梨 约
                                    <span>颜色 ：2.5kg单果约120-150g</span>
                                    <br>
                                    <p>2.5kg 当季新果 特级装 单果约120g</p>
                                </div>
                            </div>
                            <div class="list-right">
                                <table class="table">
                                    <tbody>
                                    <tr class="tr">
                                        <td>￥<span>39.90</span></td>
                                        <td class="td">
                                            <input class="ipt" type="text" value="1">
                                        </td>
                                        <td class="z">￥<span>39.90</span></td>
                                        <td class="del">删除</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="cart-list" style="padding-bottom: 0">
                    <ul class="item-form">
                        <li>
                            <div class="list-left">
                                <div class="tu">
                                    <img src="images/e.jpg" alt="">
                                </div>
                                <div class="words">
                                    <img src="images/sx.jpg" alt="">
                                    宏辉果蔬 苹果 烟台红富士
                                    <span>颜色 ：12粒75mm红富士</span>
                                    <br>
                                    <p>125个 单果约75mm 总重约2.1kg 新鲜</p>
                                </div>
                            </div>
                            <div class="list-right">
                                <table class="table">
                                    <tbody>
                                    <tr class="tr">
                                        <td>￥<span>34.90</span></td>
                                        <td class="td">
                                            <input class="ipt" type="text" value="1">
                                        </td>
                                        <td class="z">￥<span>34.90</span></td>
                                        <td class="del">删除</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="zj">总价：￥<span id="allCont"></span></div>
            </div>
        </div>
       
    </header>
</div>







<script src="js/script.js"></script>
</body>
</html>